<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        .file_input{
            width: 25%;
            height: 36px;
            padding: 6px 12px;
            font-size: 14px;
            line-height: 1.42857143;
            color: #555;
            background-color: #fff;
            background-image: none;
            border: 1px solid #ccc;
            border-radius: 4px;
        }
    </style>
</head>
<body>
<div class="container-fluid" >
    <div class="row">
        <div class="col-sm-9" style="width: 100%">
             <h3 class="sub-header">  <a href="{:U(GROUP_NAME.'/Rbac/miusic')}" class="btn btn-primary">返回</a> &nbsp;   添加首页音乐</h3>
            <div class="table-responsive">
                <form  action="{:U(GROUP_NAME.'/Rbac/run_add_miusic')}" enctype="multipart/form-data"  method="post">
                    <table class="table table-striped table-hover">
                        <thead>
                        <tr>
                            <th width="20%">分类</th>
                            <th>参数</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>音乐名称</td>
                            <td>
                                <input type="text" class="form-control"  name="MIUSIC_NAME" placeholder="音乐名称"/>
                            </td>
                        </tr>
                        <tr>
                            <td><h4>导入音乐文件：</h4></td>
                            <td>
                                <input id="lefile" type="file" style="display:none" name="miusic_file" accept="audio/*">
                                <div class="input-append">
                                    <a   class="button button-royal button-rounded" style="line-height: 35px; height: 35px" onclick="$('input[id=lefile]').click();">选择音乐文件</a>
                                    <input id="photoCover" class="file_input" type="text">
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td></td>
                            <td><input type="submit" value="保存"  id="save" class="btn btn-primary"></td>
                        </tr>
                        </tbody>
                    </table>
                </form>
            </div>
        </div>
    </div>
</div>
<link href="__PUBLIC__/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="__PUBLIC__/bootstrap/css/button.css" rel="stylesheet">
<script src="__PUBLIC__/bootstrap/js/jquery-1.9.1.js"></script>
<script src="__PUBLIC__/bootstrap/js/bootstrap.js"></script>
<script type="text/javascript">
    $('input[id=lefile]').change(function() {
        $('#photoCover').val($(this).val());
    });
</script>
</body>
</html>